<template>
	<div id="info_data_user">
		<div class="info_data_user_div">
			<el-form ref="form" :model="form" class="info_data_user_form">
				<img src="../../../../../../static/img/luxun.jpg" class="info_data_user_headimg" />
			</el-form>
			<el-form ref="form" :model="form" label-width="150px" class="info_data_user_form1">
				<el-form-item label="昵称:">
					<el-input v-model="form.name"></el-input>
				</el-form-item>
				<el-form-item label="微信:">
					<el-input v-model="form.name"></el-input>
				</el-form-item>
				<el-form-item label="QQ:">
					<el-input v-model="form.name"></el-input>
				</el-form-item>
				<el-form-item label="手机号:">
					<el-input v-model="form.name"></el-input>
				</el-form-item>
				<el-form-item>
					<el-button type="primary" @click="onSubmit">保存</el-button>
				</el-form-item>
			</el-form>
		</div>
	</div>
</template>

<script type="application/ecmascript-6">
export default {
  name: "info_data_user",
  data() {
    return {
      form: {
        name: "",
        region: "",
        date1: "",
        date2: "",
        delivery: false,
        type: [],
        resource: "",
        desc: ""
      }
    };
  },
  methods: {
    onSubmit() {
      console.log("submit!");
    }
  }
};
</script>

<style lang="stylus" rel="stylesgeet/stylus">
#info_data_user
	background-color:#ccc 
	width:100% 
	height:100vh
	.info_data_user_div
		width:auto
	.info_data_user_form
		width:auto
		text-align: center
		padding-top:70px
	.info_data_user_form1
		width:auto
		padding-top:50px
		padding-right:80px
	.info_data_user_headimg
		width:100px
		height:100px
		border-radius:100px
</style>
